import 'package:duo_zui/constant/constant.dart';
import 'package:duo_zui/model/model.dart';
import 'package:duo_zui/widget/rating_bar.dart';
import 'package:flutter/material.dart';

class articelDetailPage extends StatefulWidget{
  int id;

  articelDetailPage(this.id, {Key key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _articelDetailPageState();
  }
}

class _articelDetailPageState extends State<articelDetailPage>{
  int id;

  @override
  void initState() {
    id = widget.id;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      physics: const BouncingScrollPhysics(),
      slivers: <Widget>[
        SliverAppBar(
          title: Text('内容详情'),
          centerTitle: true,
          pinned: true,
          backgroundColor: Color(0xffffffff),
        ),
        sliverComments(),
      ],
    );
  }

  sliverComments() {
    // if (commentsEntity == null || commentsEntity.comments.isEmpty) {
    //   return SliverToBoxAdapter();
    // } else {
    //   var backgroundColor = Color(0x44000000);
    //   int allCount = math.min(4, commentsEntity.comments.length);
    //   allCount = allCount + 2; //多出来的2个表示头和脚
    //   return SliverList(
    //       delegate:
    //       SliverChildBuilderDelegate((BuildContext context, int index) {
    //         if (index == 0) {
    //           ///头布局
    //           return Container(
    //             margin: EdgeInsets.only(
    //                 top: 30.0,
    //                 left: Constant.MARGIN_LEFT,
    //                 right: Constant.MARGIN_RIGHT),
    //             decoration: BoxDecoration(
    //                 color: backgroundColor,
    //                 borderRadius: BorderRadius.only(
    //                     topLeft: Radius.circular(8.0),
    //                     topRight: Radius.circular(8.0))),
    //             padding: EdgeInsets.all(12.0),
    //             child: Row(
    //               children: <Widget>[
    //                 Expanded(
    //                   child: Text(
    //                     '短评',
    //                     style: TextStyle(color: Colors.white, fontSize: 16.0),
    //                   ),
    //                 ),
    //                 Text(
    //                   '全部短评 ${commentsEntity.total} >',
    //                   style: TextStyle(color: Color(0x88fffffff), fontSize: 12.0),
    //                 )
    //               ],
    //             ),
    //           );
    //         } else if (index == allCount - 1) {
    //           ///显示脚布局
    //           return Container(
    //             padding: EdgeInsets.all(10.0),
    //             margin: EdgeInsets.only(
    //                 bottom: 20.0,
    //                 left: Constant.MARGIN_LEFT,
    //                 right: Constant.MARGIN_RIGHT),
    //             decoration: BoxDecoration(
    //                 color: backgroundColor,
    //                 borderRadius: BorderRadius.only(
    //                     bottomLeft: Radius.circular(8.0),
    //                     bottomRight: Radius.circular(8.0))),
    //             child: Row(
    //               children: <Widget>[
    //                 Expanded(
    //                   child: Text(
    //                     '查看全部评价',
    //                     style: TextStyle(color: Colors.white, fontSize: 16.0),
    //                   ),
    //                 ),
    //                 Icon(Icons.keyboard_arrow_right,
    //                     size: 20.0, color: Color(0x88fffffff))
    //               ],
    //             ),
    //           );
    //         } else {
    //           CommantsBeanCommants bean = commentsEntity.comments[index - 1];
    //           return GestureDetector(
    //             behavior: HitTestBehavior.translucent,
    //             child: Container(
    //               margin: padding(),
    //
    //               ///内容item
    //               child: Column(
    //                 crossAxisAlignment: CrossAxisAlignment.start,
    //                 children: <Widget>[
    //                   Row(
    //                     children: <Widget>[
    //                       Padding(
    //                         padding: EdgeInsets.only(
    //                             right: 10.0, top: 10.0, bottom: 5.0),
    //                         child: CircleAvatar(
    //                           radius: 18.0,
    //                           backgroundImage: NetworkImage(bean.author.avatar),
    //                           backgroundColor: Colors.white,
    //                         ),
    //                       ),
    //                       Column(
    //                         crossAxisAlignment: CrossAxisAlignment.start,
    //                         children: <Widget>[
    //                           Text(
    //                             bean.author.name,
    //                             style: TextStyle(
    //                                 fontWeight: FontWeight.bold,
    //                                 fontSize: 14.0,
    //                                 color: Colors.white),
    //                           ),
    //                           RatingBar(
    //                             ((bean.rating.value * 1.0) /
    //                                 (bean.rating.max * 1.0)) *
    //                                 10.0,
    //                             size: 11.0,
    //                             fontSize: 0.0,
    //                           )
    //                         ],
    //                       )
    //                     ],
    //                   ),
    //                   Text(
    //                     bean.content,
    //                     softWrap: true,
    //                     maxLines: 6,
    //                     overflow: TextOverflow.ellipsis,
    //                     style: TextStyle(fontSize: 15.0, color: Colors.white),
    //                   ),
    //                   Row(
    //                     //赞的数量
    //                     children: <Widget>[
    //                       Image.asset(
    //                         Constant.ASSETS_IMG + 'ic_vote_normal_large.png',
    //                         width: 20.0,
    //                         height: 20.0,
    //                       ),
    //                       Text(
    //                         '${getUsefulCount(bean.usefulCount)}',
    //                         style: TextStyle(color: Color(0x88fffffff)),
    //                       )
    //                     ],
    //                   )
    //                 ],
    //               ),
    //               decoration: BoxDecoration(
    //                 color: Color(0x44000000),
    //               ),
    //               padding: EdgeInsets.all(12.0),
    //             ),
    //             onTap: () {
    //
    //             },
    //           );
    //         }
    //       }, childCount: allCount));
    }
  // }
}

